<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<script src="/lib/requirejs/require.js" data-main="/js/detail"></script>
		<link rel="stylesheet" type="text/css" href="/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="/css/detail.css"/>
	</head>
	<body>
		<header></header>
		
		<div class="detail-container">
			<div class="wrap">
						
			</div>
		</div>
		<!--template模板-->
		<script type="text/html" id="detail-template">
			
				<div class="prod_images">
					<div class="middle"><img src="{{img[0].middle}}" data-zoom-image="{{img[0].large}}" alt="" class="middle-zoom"/></div>
					
					<div id="small">
						{{each img curr}}
						<a class="small-img" href="#" data-image="{{curr.middle}}" data-zoom-image="{{curr.large}}">
							<img src="{{curr.small}}" alt=""/>
						</a>
						{{/each}}
					</div>
					
					<div class="bdshare">
						<span class="left">分享：</span>
						<a href="#" class="bds_tsina" title="分享到新浪微博"><img src="/images/weibo.jpg"/></a>
						<a href="#" class="bds_weixin" title="分享到微信"><img src="/images/wechart.jpg"/></a>
						<a href="#" class="bds_qzone" title="分享到QQ空间"><img src="/images/qq.jpg"/></a>
						<a href="#" class="bds_tqq" title="分享到腾讯微博"><img src="/images/txweibo.jpg"/></a>
						<a href="#" class="bds_douban" title="分享到豆瓣网"><img src="/images/douding.jpg"/></a>
					</div>
					
				</div>
												
				<!--商品详述-->
				<div class="product-shop">
					<div class="product-name">
						<span class="prod_id" style="display: none;">{{id}}</span>
						
						<!--商品名和外文名-->
						<div class="h1 cname">{{cname}}<span class="prod_weight" style="margin-left: 3px;">{{weight}}g</span></div>
						<h2 class="ename">{{ename}}</h2>
						<!--国旗和品牌-->
						<div class="country-brand">
							<span class="way GB"><img src="{{flag}}"/>{{country}}</span>
							<span class="v-bar">|</span>
							<a class="brand" href="http://www.haituncun.com/yyybaoj/f-brand966/">{{brand}}</a>
						</div>
						<!--商品描述-->
						<p class="attr">{{desc}}<br>温馨提示：{{hint}}</p>
						<p class="attr-recommend">
						</p>
					</div>
				
					<div class="price-promotion">	
						<div class="line rmb-price-line">
							<label>价　　格</label>
							<p class="rmb-price">￥{{price}}</p>
						</div>				
						<!--            -->
						<!--                <div class="line">-->
						<!--                    <label>国内参考价</label>-->
						<!--                    <p class="rmb-origin">-->
						<!--                        <del>-->
						<!--</del>-->
						<!--                    </p>-->
						<!--                </div>-->
						<!--            -->
						<div class="line">
							<label class="limit">海外原价</label>				
							<p class="prices">				
								<b>£{{oriPrice}}</b>
							</p>
						</div>				
						<div class="line">
							<label>进口关税</label>
							<i><span class="price" data-item-price="26.85">￥{{tariff}}</span></i><span class="import-tax">(商家承担)</span>
						</div>				
					</div>
				
					<!--        -->
					<!--            <div class="product-options clearfix line">-->
					<!--                <label class="meta-title">-->
					<!--</label>-->
					<!--                <ul>-->
					<!--                    <li style="float:left;">-->
					<!--                        -->
					<!--                    </li>-->
					<!--                </ul>-->
					<!--            </div>-->
					<!--        -->
				
					<!--  邮费提示  -->
				
					<div class="product-options clearfix line">
						<label class="meta-title">服　　务</label>
						<p>{{country}}直邮</p>
					</div>
				
					<!-- 库存 -->
					<!--        -->
					<!-- link 产品 -->
				
					<!-- link 产品 end -->
				
					<!--添加到购物车，旧-->				
					<div class="add-to-cart line">
						<label for="qty">数　　量</label>
						<div class="qty-block cart-qty clearfix">
							<a href="javascript:void(0)" class="qty-sub">-</a>
							<input type="text" name="qty" id="qty" maxlength="12" value="1" title="数量" class="input-text qty">
							<a href="javascript:void(0)" class="qty-add">+</a>				
							<div class="newbox-tips">
								<div class="newbox-tipslimit">
									<i class="outarrow"></i>
									<i class="inarrow"></i>
									<p>
										<span class="count">限购<em>&nbsp;&nbsp;{{number}}</em>&nbsp;&nbsp;件<span>										  
				<!--						  --><!--						   <span class="money">&nbsp抱歉,您已超过限额<em>--><!--</em>，请分次购买</span>-->
										<!--						  -->
										</span>
										</span>
									</p>
								</div>
							</div>
						</div>				
					</div>				
					<!--名字后缀-->
					<p class="name-after-attr"></p>			
					<!--立即购买&加入购物车，2016.10.28-->
					<div class="buy-btn-wrap clearfix">
						<a href="javascript:void(0)" class="buy-now" style="display: none;">立即购买</a>
						<a href="javascript:void(0)" class="add-to-cart" style="margin-left: 0;">加入购物车</a>
					</div>				
					<!--服务承诺-->
					<div class="line">
						<label>服务承诺</label>
						<span class="commitment-zp"><i><img src="/images/k1.jpg"/></i>海外正品直邮</span>
						<span class="commitment-tb"><i><img src="/images/k2.jpg"/></i>价格海外同步</span>
					</div>				
					<!-- 支付方式 -->
					<!--        -->
					<div class="line">
						<label>支付方式</label>
						<span class="pay-method-alipay"><i><img src="/images/k3.jpg"/></i>支付宝</span>
						<span class="pay-method-weixin"><i><img src="/images/k4.jpg"/></i>微信支付</span>
						<span class="pay-method-unionpay"><i><img src="/images/k5.jpg"/></i>银联支付</span>
					</div>
				</div>
	
		</script>
		
		<footer></footer>
	</body>
</html>
